var myChart = echarts.init(document.getElementById("idx1"))
var option = {
    series: [{
        type:'funnel',
        sort: 'ascending',
        data:[{
            value: 1,
            name: 'a',
            itemStyle: {
                color: 'red',
            },
        },2,3]
    }],
};
myChart.setOption(option);  
 
 
var myChart2 = echarts.init(document.getElementById("idx2"))
var option2 = {
    series: [{
        type:'funnel',
        sort: 'ascending',
        data:[{
            value: 1,
            name: '自我修养',
            itemStyle: {
                color: 'blue',
            },
        },{
            value: 2,
            name:'尊重需求',
            itemStyle: {
                color: 'red',
            },
        },{
            value: 3,
            name: '爱与归属',
            itemStyle: {
                color: 'yellow',
            },
        },{
            value: 4,
            name: '安全需求',
            itemStyle: {
                color: 'green',
            },
        },{
            value: 5,
            name: '生理需求',
            itemStyle: {
                color: 'blue',
            },
        }]
    }],
};

myChart2.setOption(option2);  
 
var myChart3 = echarts.init(document.getElementById("idx3"))
var option3 = {
    series: [{
        type:'funnel',
        sort: 'ascending',
        data:[{
            value: 1,
            name: '自我修养',
            itemStyle: {
                color: 'blue',
            },
        },{
            value: 2,
            name:'尊重需求',
            itemStyle: {
                color: 'red',
            },
        },{
            value: 3,
            name: '爱与归属',
            itemStyle: {
                color: 'yellow',
            },
        },{
            value: 4,
            name: '安全需求',
            itemStyle: {
                color: 'green',
            },
        },{
            value: 5,
            name: '生理需求',
            itemStyle: {
                color: 'blue',
            },
        }],
        funnelAlign: 'left',
        label: {
            position: 'left',
            backgroundColor: 'black',
        },
    }],
};

myChart3.setOption(option3);  
 
var myChart4 = echarts.init(document.getElementById("idx4"))
var option4 = {
    title: {
        text: '课程考试情况综合对比（雷达图）'
      },
      //legend: {
        //data: ['A', 'B']
      //},
      radar: {
        // shape: 'circle',
        indicator: [
          { name: '语文', max: 150 },
          { name: '数学', max: 150 },
          { name: '理综', max: 300 },
          { name: '体育', max: 100 },
          { name: '艺术', max: 100 },
        ]
      },
      series: [
        {
          name: 'A vs B',
          type: 'radar',
          data: [
            {
              value: [142, 130, 200,60 ,80],
              name: 'A'
            },
            {
              value: [130, 140, 280, 90, 67],
              name: 'B'
            }
          ]
        }
      ]
};

myChart4.setOption(option4);  
 
var myChart5 = echarts.init(document.getElementById("idx5"))
var option5 = {
    title: {
        text: '课程考试情况综合对比（雷达图）',
      },
      legend: {
        data: ['A', 'B','c'],
        left: 'right',
        orient: 'vertical',
      },
      visualMap: [{
          color:['blue','red','white'],
          calculable:true,
          orient:'horizontal',
          left:'center',
      }],
      radar: {
        // shape: 'circle',
        indicator: [
          { name: '语文', max: 150 },
          { name: '数学', max: 150 },
          { name: '理综', max: 300 },
          { name: '体育', max: 100 },
          { name: '艺术', max: 100 },
        ],
        shape: 'circle',
        splitNumber: 10,
        splitArea: {
            areaStyle: {
                color: ['Cyan','white'],
            },
        },
      },
      series: [
        {
          name: 'A vs B',
          type: 'radar',
          data: [
            {
              value: [142, 130, 200,60 ,80],
              name: 'A'
            },
            {
              value: [130, 140, 280, 90, 67],
              name: 'B'
            },
            {
                value: [40, 30, 160,90 ,90],
                name: 'c'
              },
          ]
        }
      ]
};

myChart5.setOption(option5);
